<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>书虫网</title>
    <link rel="stylesheet" href="../public/css/base.css"/>
    <link rel="stylesheet" href="../public/css/classify.css"/>
    <script src="../public/js/base.js"></script>
    <script src="../public/js/zepto.min.js"></script>
    <script src="../public/js/swiper-3.4.2.min.js"></script>
</head>
<body>
<!--头部-->
<header class="header">
    <h3>分类</h3>
</header>
<section class="classify">
    <ul>
        <li>
            <a href="classifydetail.ejs#完结">
                <img src="../public/images/classify.png" alt=""/>
                <p>完结</p>
            </a>
        </li>
        <li>
            <a href="classifydetail.ejs#连载">
                <img src="../public/images/classify2.png" alt=""/>
                <p>连载</p>
            </a>
        </li>
        <li>
            <a href="classifydetail.ejs#总裁">
                <img src="../public/images/classify3.png" alt=""/>
                <p>总裁</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="../public/images/classify4.png" alt=""/>
                <p>穿越</p>
            </a>
        </li>
        <li>
            <a href="classifydetail.ejs#古言">
                <img src="../public/images/classify5.png" alt=""/>
                <p>古言</p>
            </a>
        </li>
        <li>
            <a href="classifydetail.ejs#玄幻">
                <img src="../public/images/classify6.png" alt=""/>
                <p>玄幻</p>
            </a>
        </li>
        <li>
            <a href="classifydetail.ejs#校园">
                <img src="../public/images/classify7.png" alt=""/>
                <p>校园</p>
            </a>
        </li>
        <li>
            <a href="classifydetail.ejs#同人">
                <img src="../public/images/classify8.png" alt=""/>
                <p>同人</p>
            </a>
        </li>
        <li>
            <a href="classifydetail.ejs#灵异">
                <img src="../public/images/classify9.png" alt=""/>
                <p>灵异</p>
            </a>
        </li>
        <li>
            <a href="classifydetail.ejs#腐宅">
                <img src="../public/images/classify10.png" alt=""/>
                <p>腐宅</p>
            </a>
        </li>
        <li>
            <a href="classifydetail.ejs#仙侠">
                <img src="../public/images/classify11.png" alt=""/>
                <p>仙侠</p>
            </a>
        </li>
        <li>
            <a href="classifydetail.ejs#影视">
                <img src="../public/images/classify12.png" alt=""/>
                <p>影视</p>
            </a>
        </li>

    </ul>
</section>

<!--导航栏-->
<nav class="nav">
    <ul>
        <li>
            <a href="home.ejs" class="bookshop nava">
                <p>书城</p>
            </a>
        </li>
        <li><a href="bookshop.ejs" class="bookcase nava">
            <p>书架</p>

        </a></li>
        <li><a href="search.ejs" class="search nava">
            <p>搜索</p>

        </a></li>
        <li><a href="personal.ejs" class="personnal nava">
            <p>个人中心</p>
        </a></li>
    </ul>
</nav>
</body>
</html>